<template>
  <div class="Navbar">
    <mt-header fixed title="小普智能">
      <router-link to="/" slot="left">
        <mt-button icon="back">返回</mt-button>
      </router-link>
      <mt-button icon="more" slot="right"></mt-button>
    </mt-header>
  </div>
</template>

<script>
export default {
  name: 'Navbar',
  data () {
    return {
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .mint-header{
    background-color: rgb(75,130,217) !important;
  }
  ul,li{
    margin: 0;
    padding: 0;
    text-align: center;
  }
  li{
    display: table-cell;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 3%;
  }
</style>
